<template>
	<div>
		<el-table ref="tableRef" :data="tableData" border v-if="chooseTitle">
			<el-table-column align="center" type="index" label="序号" width="70"> </el-table-column>
			<el-table-column align="center" prop="apply1" label="数据提供方"> </el-table-column>
			<el-table-column align="center" prop="apply2" label="数据资源名称"> </el-table-column>
			<el-table-column align="center" prop="apply3" label="所属应用"> </el-table-column>
			<el-table-column align="center" prop="apply4" label="所属应用代码"> </el-table-column>
			<el-table-column align="center" prop="apply5" label="数据资源格式分类"> </el-table-column>
			<el-table-column align="center" prop="apply6" label="数据资源格式类型"> </el-table-column>
			<el-table-column align="center" prop="apply7" label="数据所属领域"> </el-table-column>
			<el-table-column align="center" prop="apply8" label="更新频率"> </el-table-column>
			<el-table-column align="center" prop="apply9" label="更新频率说明"> </el-table-column>
			<el-table-column align="center" prop="apply10" label="数据敏感级别"> </el-table-column>
			<el-table-column align="center" prop="apply11" label="数据资源摘要"> </el-table-column>
			<el-table-column align="center" prop="apply12" label="操作">
				<template #default="scoped"> </template>
			</el-table-column>
		</el-table>
		<el-table ref="tableRef" :data="tableData2" border v-else>
			<el-table-column align="center" type="index" label="序号" width="70"> </el-table-column>
			<el-table-column align="center" prop="apply1" label="组件名称"> </el-table-column>
			<el-table-column align="center" prop="apply2" label="组件使用类型"> </el-table-column>
			<el-table-column align="center" prop="apply3" label="发布单位"> </el-table-column>
			<el-table-column align="center" prop="apply4" label="功能领域"> </el-table-column>
			<el-table-column align="center" prop="apply5" label="业务领域"> </el-table-column>
			<el-table-column align="center" prop="apply6" label="组件类型"> </el-table-column>
			<el-table-column align="center" prop="apply7" label="组件描述"> </el-table-column>
			<el-table-column align="center" prop="apply8" label="预估调用次数"> </el-table-column>
			<el-table-column align="center" prop="apply12" label="操作">
				<template #default="scoped"> </template>
			</el-table-column>
		</el-table>
		<!-- <el-button type="primary" @click="submitForm()">Submit</el-button> -->
	</div>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue';
const props = defineProps({
	title: {
		type: String,
		default: () => {
			return '';
		},
	},
});
const chooseTitle = computed(() => {
	return props.title == '拟使用数据信息表' ? true : false;
});
const tableData = ref([]);
const tableData2 = ref([]);
</script>
